@charset "utf-8";
$fontSize:40;
@function r($p){
    @return $p/$fontSize*1rem;
}
a{
    color:#8b8b8b;
}
body{
    background:#f5f5f5;
}
*{
    margin: 0;
    padding: 0;
}
html,body{
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.web{
    width: 100%;
    height: 100%;
    position: relative;

.main{
     width:100vw;
     position: absolute;
     left:0;
     right: 0;
     top:r(90);;
     bottom:r(100);
     /*height: calc(100% - 50px);*/
     overflow: auto;
    >.content_box{  
                    margin:0 auto;
                    width:r(583);
                    >.t_title{
                        margin-top:r(43);
                        margin-bottom:r(20);
                        font-weight: bold;
                        font-size:r(30);
                        color:#000;
                        overflow: hidden;
                        text-overflow: ellipsis;
                        white-space: nowrap;
                    }
                    >.t_message{
                        display: flex;
                        display:-webkit-flex;
                        align-items: center;
                        align-content: center;
                        flex-direction: row;
                        color:#c5c5c5;
                        >.txt_date{
                            font-size:r(22);
                            padding-right:r(17);
                        }
                        >div{
                            width:r(27);
                            margin-right: r(8);
                            >img{
                                width:100%;
                            }
                        }
                        >.txt_gk{
                            font-size:r(20);
                        }
                    }
                    >.t_wb{
                        font-size: r(22);
                        color:#8b8b8b;
                        padding-right: r(118);
                        margin-top:r(50);
                        margin-bottom:r(28);
                        overflow: hidden;
                        text-overflow:ellipsis;
                        display: -webkit-box;
                        -webkit-line-clamp: 2;
                        -webkit-box-orient: vertical;
                    }
                    >.t_img{
                        width:100%;
                        padding-bottom:r(28);
                        border-bottom:#c5c5c5 1px solid;
                        >img{
                            width:100%;
                        }
                    }
                    >.lianxi{
                        font-size:r(28);
                        color:#8d8c8c;
                        font-weight: bold;
                        margin-top:r(37);


                    }

        }//content_box
        .bottom_box{
            margin-top:r(10);
            padding:r(32) 0;
            display:flex;
            display:-webkit-flex;
            flex-direction: row;
            justify-content: space-around;
            width:100%;
            background:#b10100;
            >div{
                width:32%;
                display: flex;
                display: -webkit-flex;
                flex-direction: column;
                
                align-items: center;
                >div{
                   
                    width:r(50);
                    margin-bottom:r(18);
                    >img{
                        width:100%;
                    }
                }
               
             
                >p{
                    font-size:r(23);
                    color:#fff;
                }
            }
            >.t_middle{
                position: relative;
            }
            >.t_middle::before{
                content:"";
                position: absolute;
                width:1px;
                height:r(118);
                background:#fff;
                transform: translateY(-10%);
                left:0;
            }
            >.t_middle::after{
                content:"";
                position: absolute;
                width:1px;
                height:r(118);
                background:#fff;
                transform: translateY(-10%);
                right:0;
            }
        }//bottom_box
    }//main
}//web